import { useIntersectionObserver } from '@vueuse/core'
export default {
  mounted(el) {
    // 保存每一个图片的src
    const imgSrc = el.src
    // 将每一个图片的src设置为空
    el.src = ''
    const { stop } = useIntersectionObserver(el, ([{ isIntersecting }]) => {
      if (isIntersecting) {
        // 如果图片可见才加载图片
        el.src = imgSrc
        // 加载后停止监听
        stop()
      }
    })
  }
}
